<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../../css/index.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
  <link rel="stylesheet" href="./index.css">
</head>

<body>
  <main class="blog-article-container">
    <!-- 面包屑导航 -->
    <nav aria-label="Breadcrumb" class="breadcrumb-link">
      <ol class="bread-center">
        <li class="breadcrumb-item" style="display: inline-block">
          <a href="/index.html" class="inactive">Home</a>
        </li>
        <span class="dm-border-line"></span>
        <li class="breadcrumb-item" style="display: inline-block">
          <a href="/faq.html" class="inactive">Our blogs</a>
        </li>
        <span class="dm-border-line"></span>
        <li class="breadcrumb-item" style="display: inline-block">
          <a href="/faq.html" class="active">Essential Electronic Materials: Germanium Fabrication and Properties</a>
        </li>
        <span class="dm-border-line"></span>
      </ol>
    </nav>
    <!-- 内容区域块 -->
    <article class="left-right-wrapper">
      <section class="left-blog-info">
        <div class="left-blog-title-content">
          <h1>Essential Electronic Materials: Germanium Fabrication and Properties</h1>
          <div class="left-blog-display-content">
            <div class="left-blog-display-views">
              <span class="left-blog-display-posted">Posted on Apr 9, 2024</span>
              <p>By FS Official</p>
              <span class="left-blog-display-posted">
                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M0.75 9C0.75 9 3.75 3 9 3C14.25 3 17.25 9 17.25 9C17.25 9 14.25 15 9 15C3.75 15 0.75 9 0.75 9Z"
                    stroke="#B0B0B0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                  <path
                    d="M9 11.25C10.2426 11.25 11.25 10.2426 11.25 9C11.25 7.75736 10.2426 6.75 9 6.75C7.75736 6.75 6.75 7.75736 6.75 9C6.75 10.2426 7.75736 11.25 9 11.25Z"
                    stroke="#B0B0B0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                </svg>
                4.5k
              </span>
            </div>
            <div class="left-blog-display-social">
              <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M4.02473 11.82V6.51579H5.82844L6.10173 4.43393H4.02473V3.1124C4.02473 2.51499 4.1887 2.09862 5.06323 2.09862H6.15639V0.270203C5.62803 0.215894 5.08145 0.179688 4.55309 0.179688C2.96801 0.179688 1.87485 1.13915 1.87485 2.91326V4.43393H0.0893555V6.51579H1.87485V11.82H4.02473Z"
                  fill="#B0B0B0" />
              </svg>
              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M6.95498 0.453125C3.36577 0.453125 0.450684 3.34963 0.450684 6.91595C0.450684 9.64953 2.1633 11.9848 4.58647 12.9262C4.53181 12.4193 4.47715 11.6228 4.60469 11.0797C4.73222 10.5728 5.3699 7.87542 5.3699 7.87542C5.3699 7.87542 5.16949 7.49525 5.16949 6.91595C5.16949 6.01079 5.69785 5.34098 6.35374 5.34098C6.90032 5.34098 7.17361 5.75735 7.17361 6.24613C7.17361 6.80733 6.80923 7.62197 6.62703 8.40041C6.48128 9.05212 6.95498 9.55901 7.59266 9.55901C8.74047 9.55901 9.63322 8.3461 9.63322 6.6082C9.63322 5.06943 8.52184 3.98324 6.91854 3.98324C5.07839 3.96514 3.98523 5.35908 3.98523 6.77113C3.98523 7.33232 4.20386 7.92973 4.47715 8.23748C4.53181 8.29179 4.53181 8.3642 4.51359 8.41851C4.45893 8.61765 4.34962 9.07023 4.3314 9.14264C4.29496 9.26936 4.2403 9.28746 4.11277 9.23315C3.2929 8.85299 2.80098 7.67628 2.80098 6.73492C2.80098 4.68926 4.29496 2.82464 7.10074 2.82464C9.35993 2.82464 11.109 4.41772 11.109 6.55389C11.109 8.78058 9.68788 10.5728 7.73841 10.5728C7.08252 10.5728 6.46306 10.2288 6.24443 9.83056L5.8436 11.3693C5.69785 11.9305 5.29702 12.6365 5.04195 13.071C5.66141 13.2702 6.31731 13.3607 6.9732 13.3607C10.5442 13.3607 13.4593 10.4823 13.4593 6.89785C13.4593 3.31342 10.5442 0.453125 6.95498 0.453125Z"
                  fill="#B0B0B0" />
              </svg>
              <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M10.9883 0H12.9817L8.62665 4.87129L13.75 11.5H9.73846L6.59647 7.47971L3.00132 11.5H1.00671L5.66484 6.28962L0.75 0H4.86339L7.70347 3.67469L10.9883 0ZM10.2886 10.3323H11.3932L4.26318 1.10636H3.07784L10.2886 10.3323Z"
                  fill="#B0B0B0" />
              </svg>
              <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M0.0383149 3.28389H2.50324V11.4808H0.0383149V3.28389ZM1.27716 0C0.938439 0 0.613587 0.134623 0.374073 0.374252C0.134558 0.613882 0 0.93889 0 1.27778C0.0179791 1.60434 0.160433 1.91157 0.398027 2.13621C0.635621 2.36084 0.950265 2.48577 1.27716 2.48528C1.60406 2.48577 1.91871 2.36084 2.1563 2.13621C2.39389 1.91157 2.53635 1.60434 2.55433 1.27778C2.55433 0.93889 2.41977 0.613882 2.18025 0.374252C1.94074 0.134623 1.61589 0 1.27716 0ZM10.6962 4.37C10.4464 4.08177 10.1327 3.85598 9.78008 3.71066C9.42749 3.56534 9.04582 3.50452 8.66555 3.53306C8.17408 3.52163 7.68873 3.64397 7.26133 3.88703C6.83394 4.13008 6.48057 4.48472 6.23894 4.91306H6.20063V3.28389H4.13162C4.16994 4.12083 4.13162 11.4808 4.13162 11.4808H6.59655V6.38889C6.65309 6.10888 6.80907 5.85884 7.03565 5.68501C7.26222 5.51118 7.54405 5.42532 7.82901 5.44333C8.62724 5.44333 9.02316 6.02472 9.02316 7.14917V11.5H11.4945V6.83611C11.544 5.94339 11.2594 5.06421 10.6962 4.37Z"
                  fill="#B0B0B0" />
              </svg>
              <svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M11.4048 1.81098C11.2787 1.29654 10.9002 0.898271 10.4114 0.765514C9.52844 0.516595 5.99645 0.5 5.99645 0.5C5.99645 0.5 2.46445 0.5 1.58145 0.732325C1.09265 0.881677 0.714223 1.27995 0.58808 1.79438C0.351562 2.72368 0.351562 4.64866 0.351562 4.64866C0.351562 4.64866 0.351562 6.59023 0.58808 7.50294C0.714223 8.01737 1.09265 8.41565 1.58145 8.5484C2.48022 8.79732 5.99645 8.81392 5.99645 8.81392C5.99645 8.81392 9.52844 8.81392 10.4114 8.58159C10.9002 8.44883 11.2787 8.05056 11.4048 7.53613C11.6256 6.59023 11.6256 4.66526 11.6256 4.66526C11.6256 4.66526 11.6413 2.74028 11.4048 1.81098ZM4.87693 6.44088V2.88963L7.80975 4.66526L4.87693 6.44088Z"
                  fill="#B0B0B0" />
              </svg>
              <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M0.0383149 3.28389H2.50324V11.4808H0.0383149V3.28389ZM1.27716 0C0.938439 0 0.613587 0.134623 0.374073 0.374252C0.134558 0.613882 0 0.93889 0 1.27778C0.0179791 1.60434 0.160433 1.91157 0.398027 2.13621C0.635621 2.36084 0.950265 2.48577 1.27716 2.48528C1.60406 2.48577 1.91871 2.36084 2.1563 2.13621C2.39389 1.91157 2.53635 1.60434 2.55433 1.27778C2.55433 0.93889 2.41977 0.613882 2.18025 0.374252C1.94074 0.134623 1.61589 0 1.27716 0ZM10.6962 4.37C10.4464 4.08177 10.1327 3.85598 9.78008 3.71066C9.42749 3.56534 9.04582 3.50452 8.66555 3.53306C8.17408 3.52163 7.68873 3.64397 7.26133 3.88703C6.83394 4.13008 6.48057 4.48472 6.23894 4.91306H6.20063V3.28389H4.13162C4.16994 4.12083 4.13162 11.4808 4.13162 11.4808H6.59655V6.38889C6.65309 6.10888 6.80907 5.85884 7.03565 5.68501C7.26222 5.51118 7.54405 5.42532 7.82901 5.44333C8.62724 5.44333 9.02316 6.02472 9.02316 7.14917V11.5H11.4945V6.83611C11.544 5.94339 11.2594 5.06421 10.6962 4.37Z"
                  fill="#B0B0B0" />
              </svg>
            </div>
          </div>
        </div>
        <div class="dm-main-sam-rich-text">
          <!-- 富文本 -->
          <h4>我是富文本</h4>
        </div>
        <!-- 博客切换 -->
        <div class="dm-main-sam-blog-pagination">
          <a href="#">
            <div class="pagination-switch">
              << Previous</div>
                <div class="pagination-title">New amazing buildings that are popular on Instagram</div>
          </a>
          <a href="#">
            <div class="pagination-switch">
              Next >></div>
            <div class="pagination-title">New amazing buildings that are popular on Instagram</div>
          </a>
        </div>
        <!-- 关于作者 -->
        <div class="dm-blog-author-info">
          <h3 class="dm-blog-title">About the Author </h3>
          <p class="dm-author-info">James Carter</p>
          <section class="dm-author-description">
            James Carter is a skilled professional writer at Stanford Diamonds, specializing in creating clear,
            engaging, and
            informative content about semiconductor materials and advanced technologies. With a focus on delivering
            precision and
            simplicity, James ensures complex topics are accessible to a broad audience.
          </section>
          <!-- 评论区 -->
          <section class="dm-commentArea">
            <div class="dm-commentArea-center">
              <h4>REVIEWS</h4>
              <p>0 Thought On “Essential Electronic Materials: Germanium Fabrication and Properties”</p>
              <!-- 评论内容 -->
              <div class="dm-commentArea-content">
                <ol>
                  <li class="comments-item">
                    <div class="comments-avatar">
                      <div class="comments-avatar-img">
                        <img src="../../img/PC/app_img.png"></img>
                        <p>
                          p****s
                        </p>
                      </div>
                      <div class="comments-time">
                        May 12, 2023 at 10:36 am
                      </div>
                    </div>
                    <p class="comments-text">
                      Valuable information. Fortunate me I discovered your website unintentionally,and I am shocked why
                      this accident didn’t
                      happened in advance!I bookmarked it.
                    </p>
                    <button class="replyBtn" id="handleReply">Reply</button>
                    <ol class="reply-list">
                      <li class="comments-item">
                        <div class="comments-avatar">
                          <div class="comments-avatar-img">
                            <img src="../../img/PC/app_img.png"></img>
                            <p>
                              p****s
                            </p>
                          </div>
                          <div class="comments-time">
                            May 12, 2023 at 10:36 am
                          </div>
                        </div>
                        <p class="comments-text">
                          Valuable information. Fortunate me I discovered your website unintentionally,and I am shocked
                          why
                          this accident didn’t
                          happened in advance!I bookmarked it.
                        </p>
                      </li>
                    </ol>
                  </li>

                </ol>
              </div>
            </div>

          </section>
          <!-- 留言 -->
          <section class="dm-leave">
            <h4>Leave A Reply</h4>
            <p>Your email address will not be published. Required fields are marked <span
                class="dm-leave-required">*</span></p>
            <form action="#" method="post">
              <div class="form-item">
                <span class="form-item-label">Comment<span style="color: #ff5858">*</span></span>
                <textarea class="comment-box" id="comment" name="comment"></textarea>
                <div class="error-message">Please enter your name</div>

              </div>
              <div class="form-item">
                <span class="form-item-label">Name<span style="color: #ff5858">*</span></span>
                <input type="text" name="informationName" id="informationName" />
                <div class="error-message">Please enter your name</div>
              </div>
              <div class="form-item">
                <span class="form-item-label">Email<span style="color: #ff5858">*</span></span>
                <input type="text" name="informationEmail" id="informationEmail" />
                <div class="error-message">Please enter your Email</div>
              </div>
            </form>
            <div class="dm-footer-dm-button">
              <button class="dm-button" id="handleSubmitLeave">POST COMMENT</button>
            </div>
          </section>

        </div>
      </section>
      <aside class="right-blog-info is-show-phone">
        <!-- 搜搜区域 -->
        <div class="dm-blog-search-content">
          <input type="text" placeholder="Search blogs..." id="searchBold" />
          <button>Search</button>
        </div>
        <!-- Blog Search point -->
        <div class="blog-point-content">
          <div class="point-marking">
            <h3>Contents</h3>
            <svg width="16" height="10" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path
                d="M10.9985 8V9.5H0.498535V8H10.9985ZM12.4985 2L15.4985 5L12.4985 8V2ZM10.9985 4.25V5.75H0.498535V4.25H10.9985ZM10.9985 0.5V2H0.498535V0.5H10.9985Z"
                fill="#242424" />
            </svg>
          </div>
          <ol class="contents-ol">

          </ol>
          <div class="point-placeholder"></div>
        </div>
        <!-- 特色产品 -->
        <section class="special-products-content">
          <h3>Featured Products</h3>
          <!-- 产品列表 -->
          <div class="special-swiper swiper">
            <div class="swiper-wrapper" id="special-testimonials-swiper-child">
            </div>
            <div class="my-swiper-button-next">
              <svg width="16" height="26" viewBox="0 0 16 26" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M0.857352 13C0.857352 12.263 1.13409 11.5343 1.69596 10.9732L11.5664 1.11558C12.3798 0.294807 13.7132 0.294807 14.5267 1.11558C15.3485 1.93635 15.3485 3.25963 14.5267 4.07203L5.58711 13L14.5267 21.928C15.3485 22.7487 15.3485 24.072 14.5267 24.8844C13.7049 25.7052 12.3798 25.7052 11.5664 24.8844L1.69596 15.0268C1.13409 14.4657 0.857352 13.737 0.857352 13Z"
                  fill="#15141C" />
              </svg>
            </div>
            <div class="my-swiper-button-prev">
              <svg width="16" height="26" viewBox="0 0 16 26" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M15.1426 13C15.1426 12.263 14.8659 11.5343 14.304 10.9732L4.4336 1.11558C3.62015 0.294807 2.28676 0.294807 1.47331 1.11558C0.651474 1.93635 0.651474 3.25963 1.47331 4.07203L10.4129 13L1.47331 21.928C0.651474 22.7487 0.651474 24.072 1.47331 24.8844C2.29515 25.7052 3.62015 25.7052 4.4336 24.8844L14.304 15.0268C14.8659 14.4657 15.1426 13.737 15.1426 13Z"
                  fill="#15141C" />
              </svg>
            </div>
          </div>
        </section>
        <!-- 最近的帖子 -->
        <section class="blog-posts-content">
          <h3>Recent Posts</h3>
          <div class="posts-list-info">
            <div class="posts-list">
              <a href="#" class="image-wrapper">
                <img src="../../img/PC/posts.png" alt="#">
              </a>
              <div class="p-wrapper">
                <p>Essential Electronic Materials: Germanium GermaniumGermaniumGermaniumGermaniumGermanium
                  GermaniumGermaniumGermaniumGermaniumGermanium Properties
                </p>
              </div>
            </div>
            <div class="posts-list">
              <a href="#" class="image-wrapper">
                <img src="../../img/PC/posts.png" alt="#">
              </a>
              <div class="p-wrapper">
                <p>Essential Electronic Materials: Germanium GermaniumGermaniumGermaniumGermaniumGermanium
                  GermaniumGermaniumGermaniumGermaniumGermanium Properties
                </p>
              </div>
            </div>
          </div>
        </section>
        <!-- 类别板块 -->
        <section class="dm-category-content">
          <h4 class="category-title">Categories</h4>
          <ol class="category-info">
            <li><a href="#">Germanium</a></li>
            <li><a href="#">Germanium</a></li>
            <li><a href="#">Germanium</a></li>
            <li><a href="#">Germanium</a></li>
          </ol>
        </section>
        <!-- 订阅组件 -->
        <section class="dm-subscription-content">
          <h3>SUBSCRIBE OUR NEWSLETTER</h3>
          <form action="#" method="post">
            <div class="form-item">
              <span class="form-item-label">Name<span style="color: #ff5858">*</span></span>
              <input type="text" name="subName" id="subName" />
              <div class="error-message">Please enter your name</div>
            </div>
            <div class="form-item">
              <span class="form-item-label">Email Address<span style="color: #ff5858">*</span></span>
              <input type="text" name="subEmail" id="subEmail" />
              <div class="error-message">Please enter your Email</div>
            </div>
            <div class="form-item">
              <div class="form-item-checkbox">
                <input type="checkbox" id="subAccept" />
                <p>l agree to receiving marketing and promotional materials.</p>
                <div class="error-message">Please enter your Email</div>
              </div>
            </div>
            <div class="form-item">
              <div class="g-recaptcha" data-sitekey="6Ld2Y7AqAAAAAJSkpkIMDDM0bv0p6ypbtejaO_hc"></div>
            </div>
            <div class="form-item">
              <span class="form-item-checkbox"><span style="color: #ff5858">*</span>INDICATES REQUIRED FIELD</span>
            </div>
          </form>
          <button class="dm-subscription-btn" id="dm-subscription-btn">Subscribe</button>
        </section>
      </aside>
    </article>
    <!-- 你可能感兴趣 -->
    <section class="dm-interested-content">
      <h5 class="interested-title">You might be interested in</h5>
      <!-- 轮播 -->
      <div class="dm-interested-swiper swiper">
        <div class="swiper-wrapper" id="testimonials-swiper-child">
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </section>
    <!-- 订阅组件 - 移动 -->
    <section class="dm-subscription-content is-show-sub-phone">
      <h3>SUBSCRIBE OUR NEWSLETTER</h3>
      <form action="#" method="post">
        <div class="form-item">
          <span class="form-item-label">Name<span style="color: #ff5858">*</span></span>
          <input type="text" name="subName" id="subName" />
          <div class="error-message">Please enter your name</div>
        </div>
        <div class="form-item">
          <span class="form-item-label">Email Address<span style="color: #ff5858">*</span></span>
          <input type="text" name="subEmail" id="subEmail" />
          <div class="error-message">Please enter your Email</div>
        </div>
        <div class="form-item">
          <div class="form-item-checkbox">
            <div style="display: flex;gap: 0.9rem;">
              <input type="checkbox" id="subAccept" />
              <p>l agree to receiving marketing and promotional materials.</p>
            </div>
            <div class="error-message">Please enter your Email</div>
          </div>
        </div>
        <div class="form-item">
          <div class="g-recaptcha" data-sitekey="6Ld2Y7AqAAAAAJSkpkIMDDM0bv0p6ypbtejaO_hc"></div>
        </div>
        <div class="form-item">
          <span class="form-item-checkbox"><span style="color: #ff5858">*</span>INDICATES REQUIRED FIELD</span>
        </div>
      </form>
      <button class="dm-subscription-btn" id="dm-subscription-btn">Subscribe</button>
    </section>
  </main>


  <script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
  <script defer src='https://www.google.com/recaptcha/api.js?hl=en-us'></script>
  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  <script src="../../js/utils/dropdownOptions.js"></script>
  <script src="../../js/utils/enum.js"></script>
  <script src="../../js/utils/regExp.js"></script>
  <script src="../../js/utils/storage.js"></script>
  <script src="../../js/utils/index.js"></script>
  <script src="./index.js"></script>
</body>

</html>